<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>KCMS</title>
<jsp:include page="../iframecommon.jsp"></jsp:include>
<%-- <script type="text/javascript">
	$(document).ready(function() {
		
		$('#reportrange').daterangepicker({
			startDate: moment().subtract('days', 29),
			endDate: moment(),
			minDate: '01/01/2012',
			maxDate: '12/31/2015',
			dateLimit: { days: 60 },
			showDropdowns: true,
			showWeekNumbers: true,
			timePicker: false,
			timePickerIncrement: 1,
			timePicker12Hour: true,
			ranges: {
				'Today': [moment(), moment()],
				'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
				'Last 7 Days': [moment().subtract('days', 6), moment()],
				'Last 30 Days': [moment().subtract('days', 29), moment()],
				'This Month': [moment().startOf('month'), moment().endOf('month')],
				'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
			},
			opens: 'left',
			buttonClasses: ['btn btn-default'],
			applyClass: 'btn-small btn-primary',
			cancelClass: 'btn-small',
			format: 'MM/DD/YYYY',
			separator: ' to ',
			locale: {
				applyLabel: 'Submit',
				fromLabel: 'From',
				toLabel: 'To',
				customRangeLabel: 'Custom Range',
				daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
				monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
				firstDay: 1
			}
		 },
		 function(start, end) {
		  console.log("Callback has been called!");
		  $('#reportrange span').html('筛选时间范围：'+start.format('YYYY-M-D') + ' - ' + end.format('YYYY-M-D'));
		  $("#startdate").attr("value",start.format('YYYY-M-D'));
		  $("#enddate").attr("value",end.format('YYYY-M-D'));
		 }
	  );
	  //Set the initial state of the picker label
	  $('#reportrange span').html('筛选时间范围：'+moment().subtract('days', 29).format('YYYY-M-D') + ' - ' + moment().format('YYYY-M-D'));
	  $("#startdate").attr("value",start.format('YYYY-M-D'));
	  $("#enddate").attr("value",end.format('YYYY-M-D'));
	  
	  
	});
	</script> --%>
	
	
 <script src="js/demo-skin-changer.js"></script>  
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.nanoscroller.min.js"></script>
<script src="js/demo.js"></script>  
 
<script src="js/jquery.dataTables.js"></script>
<script src="js/dataTables.fixedHeader.js"></script>
<script src="js/dataTables.tableTools.js"></script>
<script src="js/jquery.dataTables.bootstrap.js"></script>
 
<script src="js/scripts.js"></script>
<script src="js/pace.min.js"></script>
 


 <script>
	$(document).ready(function() {
		var table = $('#table-example').dataTable({
			'info': false,
			'sDom': 'lTfr<"clearfix">tip',
			'oTableTools': {
	            'aButtons': [
	                {
	                    'sExtends':    'collection',
	                    'sButtonText': '<i ></i>&nbsp;&nbsp;&nbsp;<i ></i>',
	                    'aButtons':    [ 'csv', 'xls', 'pdf', 'copy', 'print' ]
	                }
	            ]
	        }
		});
		
	    //var tt = new $.fn.dataTable.TableTools( table );
		//$( tt.fnContainer() ).insertBefore('div.dataTables_wrapper');
		
		var tableFixed = $('#table-example-fixed').dataTable({
			'info': false,
			'pageLength': 50
		});
		
		new $.fn.dataTable.FixedHeader( tableFixed );
	});
	</script>
	
	
</head>
<body>

<%-- <div id="reportrange" class="pull-right daterange-filter">
<i class="icon-calendar"></i>
<span>请选择日期范围</span> <b class="caret"></b>
</div> --%>


<div class="col-md-7 col-lg-9">

<form action="ppt_zipdownload" method="post">

<div class="alert alert-success">
请注意，勾选下列选项卡可以打包下载课件
<button class="btn btn-success" type="submit">打包下载</button>
<button class="btn btn-default" type="reset">清空已选项</button>
</div>


<!--  -->



<div class="table-responsive">
<div class="dataTables_wrapper no-footer" id="table-example_wrapper"><div class="DTTT_container"><a id="ToolTables_table-example_0" class="DTTT_button DTTT_button_collection"></a></div><div class="clearfix"></div>
<table role="grid" id="table-example" class="table table-hover dataTable no-footer">
<thead>
<tr role="row">
<th aria-sort="ascending" aria-label="Name: activate to sort column ascending" style="width: 20px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting_asc"></th>
<th aria-label="Position: activate to sort column ascending" style="width: 100px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">课程号</th>
<th aria-label="Office: activate to sort column ascending" style="width: 100px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">课序号</th>
<th aria-label="Age: activate to sort column ascending" style="width: 150px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">章节名</th>
<th aria-label="Start date: activate to sort column ascending" style="width: 250px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">描述</th>
<th aria-label="Salary: activate to sort column ascending" style="width: 250px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">文件名</th>
<th aria-label="Salary: activate to sort column ascending" style="width: 250px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">上传时间</th>
<th aria-label="Salary: activate to sort column ascending" style="width: 80px;" colspan="1" rowspan="1" aria-controls="table-example" tabindex="0" class="sorting">下载</th>
</tr>
</thead>
<tbody>
<s:iterator value="pac" status="pptid">
   <tr>
   	  <td>
   	  <div class="chbox"><div class="checkbox-nice">
   	  <input type="checkbox" name="downloadcheck" value="<s:property value='pptid'/>" id="<s:property value='pptid'/>"/>
   	  <label for="<s:property value='pptid'/>"></label>
   	  </div></div>
   	  </td>
      <td><s:property value="cid" /></td>
      <td><s:property value="csn" /></td>
      <td><s:property value="chapter" /></td>
	  <td><s:property value="description" /></td>
      <td><s:property value="name" /></td>
      <td><s:property value="uploadtime" /></td>
      <td>
      <a href="ppt_downloadFile?pptid=<s:property value='pptid'/>" class="table-link">
		<span class="fa-stack">
		<i class="fa fa-square fa-stack-2x"></i>
		<i class="fa fa-download fa-stack-1x fa-inverse"></i>
		</span>
	  </a>
      </td>
   </tr>
</s:iterator>
</tbody>
</table>

</div>
</div>
</form>
</div>

<div class="col-md-5 col-lg-3">
<form action="ppt_list" method="post">
<div class="alert alert-info">
<i class="fa fa-info-circle fa-fw fa-lg"></i>
<strong>请选择课程筛选</strong>
<div class="chbox">
<s:iterator value="coursejiaoke" status="cid">
<div class="checkbox-nice">
<input type="checkbox" name="checkbox" id="<s:property value='sn'/>" value="<s:property value='sn'/>"/><s:property value="cname" />(<s:property value="week" />周  <s:property value="time" />节  在 <s:property value="location" />教室)
<label for="<s:property value='sn'/>"></label>
</div>
</s:iterator>
</div>
<hr/>
<i class="fa fa-warning fa-fw fa-lg"></i>
<strong>关键字检索</strong>

<div class="form-group">
<input class="form-control"  placeholder="请输入关键字" type="email" name="search" id="search">
</div>

<hr/>
<input type="submit" class="btn btn-success" value="搜索"/>
<input type="reset"  class="btn btn-default" value="清空关键词"/>
</div>
<input name="currentpage" type="hidden"/>
<input name="pagesize" type="hidden"/>
<input placeholder="startdate" name="startdate" id="startdate" type="hidden"/>
<input placeholder="enddate" name="enddate" id="enddate" type="hidden"/>
</form>
</div>



</body>
</html>




<%-- 
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<td></td>
<td>课程号</td><td>课序号</td><td>章节名</td>
<td>详细描述</td><td>文件名</td><td>上传时间</td><td>下载</td>
</tr>
</thead>
<tbody>
<s:iterator value="pac" status="pptid">
   <tr>
   	  <td>
   	  <div class="chbox"><div class="checkbox-nice">
   	  <input type="checkbox" name="downloadcheck" value="<s:property value='pptid'/>" id="<s:property value='pptid'/>"/>
   	  <label for="<s:property value='pptid'/>"></label>
   	  </div></div>
   	  </td>
      <td><s:property value="cid" /></td>
      <td><s:property value="csn" /></td>
      <td><s:property value="chapter" /></td>
	  <td><s:property value="description" /></td>
      <td><s:property value="name" /></td>
      <td><s:property value="uploadtime" /></td>
      <td>
      <a href="ppt_downloadFile?pptid=<s:property value='pptid'/>" class="table-link">
		<span class="fa-stack">
		<i class="fa fa-square fa-stack-2x"></i>
		<i class="fa fa-download fa-stack-1x fa-inverse"></i>
		</span>
	  </a>
      </td>
   </tr>
</s:iterator>
</tbody>
</table>

</div>

</form>
</div>

<s:property value="currentpage"/>
<s:property value="pagesize"/> --%>
